@extends('common')
@section('body')
    <body class="login-bg">
    <div class="login layui-anim layui-anim-up">
        <div class="message">管理员登陆</div>
        <div id="darkbannerwrap"></div>
        <form method="post" class = "layui-form" >
            @csrf
            <input name ="username" placeholder = "用户名" type = "text" lay-verify = "required" class="layui-input">
            <hr class="hr15">
            <input name = "password" lay-verify= "required" placeholder="密码" type="password" class="layui-input">
            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="..." type="button">
            <hr class="hr20">
        </form>
    </div>

    <script>
        $(function () {
            layui.use('form', function () {
                var form = layui.form;
                //监听提交
                form.on('submit(login)', function (data) {
                    // console.Log(data.fieLd)
                    $.ajax({
                        url: "doLogin",
                        type: "POST",
                        data: data.field,
                        success: function (res) {
                            if (res.code == 0){
                                layer.msg(res.msg)
                            }else {
                                layer.msg(res.msg, {anim:0}, function () {
                                    location.href = '/admin/index'
                                });
                            }
                        },
                        error: function (){

                        }
                    })
                    return false;
                })
            })
        })
    </script>
    </body>
@endsection
